.dm-tab{
    height: .8rem;
    overflow-x:auto;
    background: #fff;

    ul{
        width:200%;
    }
    li{
        height: .8rem;
        box-sizing: border-box;
        float: left;
        padding:.22rem .4rem;
        font-size: .26rem;
        &.cur-tab{
            a{
                color:#fa0;
                border-bottom:.02rem solid #fa0;
                padding-bottom:.05rem;
            }
            
        }
    }
}
.dm-banner{
    overflow-x: auto;
    ul{
        width: 401%;
    }
    li{
        float: left
    } 
    img{
        height: 1.5rem;
        width: 7.5rem;
        height: 2.6rem;
    }
}
.dm-tabs{
    background: #fff;
    a{
        width:33.3%;
        box-sizing: border-box;
        float: left;
        text-align: center;
        height: .8rem;
        line-height: .8rem;
        font-size:.24rem;
    }
    .cur{
        color: #fa0;
    }
}

.dm-notice{
    border-top: 1px solid #eee;
    padding:0 .4rem;
    //text-align: center;
    background-color: #fff;
    p{
        height: .88rem;
        border-bottom: 1px solid #f7f7f7;
        line-height: .88rem;
        a:before{
            content:' ';
            display:inline-block;
            width:.25rem;
            height:.25rem;
            margin-right: .05rem;
            vertical-align: -2px;
            background:url('');
            background-size:contain;
        }
    }
    .checked a:before{
        background:url('');
        background-size:contain;
    }
    span{
        text-align: center;
        //float: left;
        display: inline-block;
        color:#feb000;
        border:1px solid #feb000;
        border-radius:50px;
        height: .32rem;
        line-height: .32rem;
        width: .8rem;
    }
    strong{
        display: inline-block;
        vertical-align: top;
        margin-left: .22rem;
        color:#333;
        font-size:.3rem;
        font-weight: normal;
        width: 4.2rem;
        height: .88rem;
        overflow: hidden;
    }
    em{
        color:#999;
        float: right;
    }
    .see-more{
        text-align: center;
        display: block;
        height: .88rem;
        line-height: .88rem;
    }
}

.dm-footer{
    position:fixed;
    bottom:0;
    left:0;
    width:100%;
    height:.98rem;
    line-height:.98rem;
    button{
        position:absolute;
        bottom:.19rem;
        right:.4rem;
        width:1.6rem;
        height:.6rem;
        vertical-align: middle;
        border:0;
        color:#fff;
        font-size:.3rem;
        background:#fa0;
        box-shadow:0px 2px 4px 0px rgba(204,204,204,0.50);
        border-radius:2px;
    }
    button.disable{
        background:#ccc;
    }
    p{
        border-bottom:0;
    }
}
.tie-mod{
    span.time{
        float: right;
        margin-top: .1rem;
        font-size:.24rem;
        color:#999;
    }
    p{
        margin-bottom: 0 !important;
    }
    .see-text{
        color:#999;
        font-size:.24rem;
        text-decoration: underline;
        margin-bottom: .24rem;
        display: inline-block;
    }
}
.tie-act{
    margin:.2rem 0;
    padding:.3rem .4rem;
    background-color: #fff;
    span{
        color:#fff;
        font-size: .24rem;
        background:#fa0;
        border-radius: 100px;
        padding:.04rem .16rem;
    }
    p{
        //float: left
        font-size: .3rem;
        color:#333;
        line-height: 1.3
    }
    em{
        font-size:.24rem;
        color:#999999;
        letter-spacing:0px;
    }
}
.reload{
    text-align: center;
    height: .8rem;
    line-height: .8rem;
    font-size: .24rem;
    color:#999;
    display: none;
}
.praised i{
    background-image:url("");
}

.triangle{
    border-top: .12rem solid #333;
    border-right: .12rem solid transparent;
    border-left: .12rem solid transparent;
    vertical-align: -.2rem;
    margin-left: .02rem;
}
.add-tie{
    position:relative;
    float: right;
    color: #333;
    border: 2px solid #333;
    box-sizing:border-box;
    padding: .2rem;
    border-radius: 50%;
    margin-top: .2rem;
    margin-right: .2rem;
    &::after{
        content:'';
        position:absolute;
        height: .26rem;
        top:50%;
        margin-top:-.13rem;
        width:.06rem;
        left:50%;
        margin-left:-.03rem;
        background-color: #333;
    }
    &::before{
        content:'';
        position:absolute;
        width: .26rem;
        left:50%;
        margin-left:-.13rem;
        height:.06rem;
        top:50%;
        margin-top:-.03rem;
        background-color: #333;
    }
}
.fa-tie{
    position:fixed;
    top: .9rem;
    right:.2rem;
    background:#333;
    opacity: .8;
    padding: .2rem;
    li{
        line-height: 1.8;
    }
    li a{
        color:#fff;
    }
}